<!DOCTYPE html>
<html lang="en">
<head>
    <title>销售0级报表</title>
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="Cache-Control" content="no-store, must-revalidate">
    <meta http-equiv="expires" content="Wed, 26 Feb 1997 08:21:57 GMT">
    <meta http-equiv="expires" content="-1">
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"
          name="viewport">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="shortcut icon" href="/dist/img/icon.png" type="image/x-icon">
    <!-- Bootstrap 3.3.6 -->
    <link rel="stylesheet" href="/dist/plugins/bootstrap/css/bootstrap.min.css">
    <!--字体-->
    <link rel="stylesheet" href="/dist/css/font-awesome.min.css">
    <!--图标-->
    <link rel="stylesheet" href="/dist/css/ionicons.min.css">
    <!--插件样式-->
    <link href="/dist/plugins/ztree/css/zTreeStyle/zTreeStyle.css" rel="stylesheet"/>
    <!--OA主样式-->
    <link rel="stylesheet" href="/dist/css/OA.min.css?t=4a6c1b54">
    <link rel="stylesheet" href="/dist/css/skins/OA-skins.min.css?t=16f1e6f3">
    <style>
        .moduleName {
            height: 28px;
            line-height: 28px;
            font-size: 22px;
            border-bottom: 1px solid #ddd;
            text-align: center;

        }

        .tryStyle {
            width: 30px;
            height: 14px;
            line-height: 14px;
            font-size: 12px;
            /* top: 0; */
            right: 0;
            position: absolute;
            border-radius: 5px;
            margin-top: 1px;
            background: red;
            color: #fff;
            margin-right: -2px;
            transform: scale(0.8);
        }

        .nav-tabs-custom {
            padding: 10px 0;
            margin-bottom: 0;
            box-shadow: none;
            position: relative;
            overflow: hidden;

        }

        .infoReport {
            display: flex;
            justify-content: flex-start;
            text-align: left;
            margin-left: 10px;
        }

        .infoReport div {
            margin: 0 10px;
        }

        .lineOne {
            text-align: left;
        }

        .lineOne span {
            max-height: 20px;
            line-height: 20px;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 1;
            text-align: left;
        }

        .lineOneNoMore {
            text-align: left;
        }

        .lineOneNoMore span {
            max-height: 20px;
            line-height: 20px;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 1;
            text-align: left;
        }

        .mScrollBox {
            float: left;
            position: relative;
        }

        .imgStyle {
            width: 300px;
            height: 400px;
        }

        .div-td-content-more {
            position: absolute;
            height: auto;
            z-index: 999;
            line-height: 20px;
            background-color: #d3e8fd;
            padding: 8px 6px;
            border: 1px solid #e8e8ea;
            display: none;
        }

        .div-td-content-more i {
            width: 15px;
            height: 12px;
            background: url("/dist/img/more-icon.png");
            position: absolute;
            left: 50px;
            top: -12px;
        }

        /*.templateStyle {
            border: 1px solid #ddd;
            !*margin-bottom: 10px;*!
            padding: 0 10px;
        }*/

        .table > thead > tr > th {
            padding: 0;
        }

        .table > tbody > tr > td {
            position: relative;
        }

        .selectBox {
            height: 25px;
            margin-bottom: 10px;
        }

        .left {
            width: 150px;
            float: left;
        }

        .right {
            margin-left: 160px;
        }
        .graybg{
            background: #f8f8f8;
        }
    </style>
</head>
<body>
<section class="content iframeH" id="app" v-cloak="">
    <iframe id="ifExprot" style="width:0px;height:0px;display: none;" frameborder="0"></iframe>
    <div class="div-td-content-more"><i></i></div>
    <div class="box-body no-padding iframeH2" style="overflow: auto;" id="scrollDiv">
        <div id="progress" class="wyui-progress"></div>
        <table v-if="" class="table table-hover table-bordered text-center table-striped">
            <thead>
            <tr>
                <th rowspan="2" style="width: 200px;">公司</th>
                <th rowspan="2" style="width: 90px;">全年合计</th>
                <th colspan="14" style="width: 400px;">新机</th>
                <th colspan="14" style="width: 400px;">旧机/旧房/旧机动车</th>
            </tr>
            <tr>
                <th style="width: 70px;">现有库存</th>
                <th style="width: 50px;">11月</th>
                <th style="width: 50px;">12月</th>
                <th style="width: 50px;">1月</th>
                <th style="width: 50px;">2月</th>
                <th style="width: 50px;">3月</th>
                <th style="width: 50px;">4月</th>
                <th style="width: 50px;">5月</th>
                <th style="width: 50px;">6月</th>
                <th style="width: 50px;">7月</th>
                <th style="width: 50px;">8月</th>
                <th style="width: 50px;">9月</th>
                <th style="width: 50px;">10月</th>
                <th style="width: 70px;">今日交车</th>
                <th style="width: 70px;">现有库存</th>
                <th style="width: 50px;">11月</th>
                <th style="width: 50px;">12月</th>
                <th style="width: 50px;">1月</th>
                <th style="width: 50px;">2月</th>
                <th style="width: 50px;">3月</th>
                <th style="width: 50px;">4月</th>
                <th style="width: 50px;">5月</th>
                <th style="width: 50px;">6月</th>
                <th style="width: 50px;">7月</th>
                <th style="width: 50px;">8月</th>
                <th style="width: 50px;">9月</th>
                <th style="width: 50px;">10月</th>
                <th style="width: 70px;">今日交车</th>
            </tr>
            </thead>
            <tbody id="tbList">
            <tr v-for="(item,i) in list">
                <td>{{item.companyName}}</td>
                <td>{{item.new11+item.new12+item.new1+item.new2+item.new3+item.new4+item.new5+item.new6+item.new7+item.new8+item.new9+item.new10+item.old11+item.old12+item.old1+item.old2+item.old3+item.old4+item.old5+item.old6+item.old7+item.old8+item.old9+item.old10}}</td>
                <td @click="openSamCompany(item)"
                    style="color:#169BD5;cursor: pointer;">{{item.newSampleCount==0?'':item.newSampleCount}}</td>
                <td>{{item.new11==0?'':item.new11}}</td>
                <td>{{item.new12==0?'':item.new12}}</td>
                <td>{{item.new1==0?'':item.new1}}</td>
                <td>{{item.new2==0?'':item.new2}}</td>
                <td>{{item.new3==0?'':item.new3}}</td>
                <td>{{item.new4==0?'':item.new4}}</td>
                <td>{{item.new5==0?'':item.new5}}</td>
                <td>{{item.new6==0?'':item.new6}}</td>
                <td>{{item.new7==0?'':item.new7}}</td>
                <td>{{item.new8==0?'':item.new8}}</td>
                <td>{{item.new9==0?'':item.new9}}</td>
                <td>{{item.new10==0?'':item.new10}}</td>
                <td>{{item.newDeliveryNum==0?'':item.newDeliveryNum}}</td>
                <td>{{item.oldSampleCount==0?'':item.oldSampleCount}}</td>
                <td>{{item.old11==0?'':item.old11}}</td>
                <td>{{item.old12==0?'':item.old12}}</td>
                <td>{{item.old1==0?'':item.old1}}</td>
                <td>{{item.old2==0?'':item.old2}}</td>
                <td>{{item.old3==0?'':item.old3}}</td>
                <td>{{item.old4==0?'':item.old4}}</td>
                <td>{{item.old5==0?'':item.old5}}</td>
                <td>{{item.old6==0?'':item.old6}}</td>
                <td>{{item.old7==0?'':item.old7}}</td>
                <td>{{item.old8==0?'':item.old8}}</td>
                <td>{{item.old9==0?'':item.old9}}</td>
                <td>{{item.old10==0?'':item.old10}}</td>
                <td>{{item.oldDeliveryNum==0?'':item.oldDeliveryNum}}</td>
            </tr>
            </tbody>
        </table>
        <!--<div class="oa-pager text-center" style="margin-top: 5px;">
            共
            <span id="allCount"> 0 </span>条记录&nbsp;&nbsp;&nbsp;
            <span id="nowPage"> 1 </span>/<span id="allPage">1</span>&nbsp;&nbsp;&nbsp;
            <span class="oa-pager-button" id="first">首页</span>
            <span class="oa-pager-button" id="prev">上一页</span>
            <span class="oa-pager-button" id="next">下一页</span>
            <span class="oa-pager-button" id="last">尾页</span>
        </div>-->
    </div>
</section>
<script src="https://file.ggxqce.com/web/jquery-2.2.3.min.js"></script>
<!--插件JS-->
<script src="https://file.ggxqce.com/web/bootstrap.min.js"></script>
<!--框架已定义 JS-->
<script src="/dist/js/app_iframe.js?t=8e743a31"></script>
<!--oa自定义  JS-->
<script src="/dist/js/oa.js?t=54c6b89c"></script>
<script src="https://file.ggxqce.com/web/vue.min.js"></script>
<script type="text/javascript" src="/dist/plugins/My97DatePicker/WdatePicker.js"></script>
<script type="text/javascript" src="/dist/plugins/lhgdialog/lhgdialog.min.js?self=true"></script>
<!--ztree组件所需js-->
<script type="text/javascript" src="/dist/plugins/ztree/js/jquery.ztree.all-3.5.min.js"></script>
<script type="text/javascript" src="/dist/plugins/ztree/js/jquery.ztree.exhide-3.5.js"></script>
<script type="text/javascript">
    var app = new Vue({
        el: '#app',
        data: {
            list:[],
            day:new Date().Format("yyyy-MM-dd"),//今天
            all:{}
        },
        methods: {
            openSamCompany: function (item) {
                console.log(item)
                top.closeTabByPageId("openSamCompany");
                top.addTabs({
                    id: "openSamCompany",
                    title: item.companyName + "库存",
                    close: true,
                    url: '/device/sample/sales0ReportList.html?companyId=' + item.companyId
                });
            },
        },

        mounted: function () {
            var that = this;
            $.wyui.postMethod("/contractMain/getSales0List.json",
                {dateTime:new Date().Format("yyyy-MM-dd")},
                function (data){
                    that.list= data.records;
                    console.log(that.list)
                });
        }
    });

</script>
</body>